<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/mall/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="/mall/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Google fonts - Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
    <!-- owl carousel-->
    <link rel="stylesheet" href="/mall/vendor/owl.carousel/assets/owl.carousel.css">
    <link rel="stylesheet" href="/mall/vendor/owl.carousel/assets/owl.theme.default.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/mall/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/mall/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/mall/favicon.png">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>
<header class="header mb-5" th:replace="mall/topbar::head">
</header>
<div id="all">
    <div id="content">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- breadcrumb-->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                            <li aria-current="page" class="breadcrumb-item active">我的账户</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-lg-3">
                    <!--
          *** CUSTOMER MENU ***
          _________________________________________________________
          -->
                    <div class="card sidebar-menu">
                        <div class="card-body">
                            <ul class="nav nav-pills flex-column">
                                <a href="/util/toMallPage?URL=customer-account" class="nav-link active"><i class="fa fa-list"></i> 我的账户</a>
                                <a href="/MallOrder/ToOrder" class="nav-link"><i class="fa fa-list"></i> 我的订单</a>
                                <a href="/MallComment/ToComment" class="nav-link"><i class="fa fa-user"></i> 我的评论</a>
                                <a href="/util/toMallPage?URL=customer-xiugai" class="nav-link"><i class="fa fa-user"></i> 修改信息</a>
                                <a href="/MallUser/UserLoginOut" class="nav-link"><i class="fa fa-sign-out"></i> 退出登录</a>
                            </ul>
                        </div>
                    </div>
                    <!-- /.col-lg-3-->
                    <!-- *** CUSTOMER MENU END ***-->
                </div>
                <div class="col-lg-9">
                    <div class="box">

                        <h3>我的账户</h3>
                        <form>
                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>头像</label><img th:src="'/Images' + ${session.user.userHead}" width="60px"
                                                              height="" alt="#">

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="firstname">用户名</label>
                                        <input th:value="${session.user.userName}" id="firstname" type="text" class="form-control" disabled="disabled">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="company">收货地址</label>
                                        <input th:value="${session.user.userAddress}" id="company" type="text" class="form-control" disabled="disabled">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="money">账户余额</label>
                                        <input th:value="${session.user.userMoney}" id="money" type="text" class="form-control" disabled="disabled">
                                    </div>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer" th:replace="mall/footerbar::foot">
</div>
<script src="/mall/vendor/jquery/jquery.min.js"></script>
<script src="/mall/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/mall/vendor/jquery.cookie/jquery.cookie.js">
</script>
<script src="/mall/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="/mall/vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.js"></script>
<script src="/mall/js/front.js"></script>
</body>

</html>